<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->

<!-- Mirrored from html.crunchpress.com/app-pro/blog.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 11 Apr 2013 08:54:31 GMT -->
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta charset="utf-8">
<title>Blog</title>

<!--[if IE]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->


<!-- Css Files -->
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
<!-- All Css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen">
<!-- Bootstrap -->
<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<!-- Custom Scroller -->
<link rel="stylesheet" href="css/cycle.css" type="text/css">
<!-- Cycle Slidshow -->
<link rel="stylesheet" href="css/portfolio.css" type="text/css">
<!-- Cycle Slidshow -->
<link rel="stylesheet" href="css/lightbox.min.css">
<!-- Lightbox -->
<!-- JS Files -->
<script  src="js/libs/jquery-1.7.1.min.js"></script>
<!-- lib -->
<script  src="js/idangerous.swiper-1.8.min.js"></script>
<!-- Swiper -->
<script  src="js/bootstrap.js"></script>
<!-- Bootstrap -->
<script  src="js/custom.js"></script>
<!-- custom -->
<script src="js/jquery.mCustomScrollbar.min.js"></script>
<!-- mCustomScrollbar -->
<script type="text/javascript" src="js/jquery.cycle.all.latest.js"></script>
<!-- cycle slidshow -->
<script type="text/javascript" src="js/skeleton.js"></script>
<script type="text/javascript" src="js/jquery05.js"></script>
<script type="text/javascript" src="js/moderniz.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body class="blog-d-holder">
<!-- Blog Section -->
<h1 id="logo"> <a href="index.html"><img src="images/logo.png" alt="Sinetory" /></a> </h1>

<nav id="nav">
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
        <div class="nav-collapse">
          <ul class="nav" id="side_navigation">
            <li> <a href="index.html"> Home</a></li>
            <li> <a href="index.html#about"> About </a> </li>
            <li> <a href="index.html#product"> product </a> </li>
            <li> <a href="index.html#portfolio"> Portfolio </a></li>
            <li class="active"> <a href="#blog"> Blog </a> </li>
            <li> <a href="index.html#services"> Services </a> </li>
            <li> <a href="index.html#contact"> Contact </a> </li>
          </ul>
        </div>
    </div>
  </div>
</nav>
<section id="wrapper">
  <!-- Blog Detail Section -->
  <section class="blue-2" id="blog-detail">
    <section class="content-holder">
      <div class="single-page">
        <section id="blog">
          <!-- Blog Inner Section -->
          <section class="container-fluid">
            <section class="row-fluid">
              <section class="span8">
                <h2>Blog</h2>
              </section>
              <section class="span4">
                <div class="search-bar">
                  <ul class="search-list">
                    <li>
                      <input name="" type="text" value="Search here" onblur="if(this.value == '') { this.value='Search here'}" onfocus="if (this.value == 'Search here') {this.value=''}" class="search-field">
                      <input name="" type="submit" class="search-btn">
                    </li>
                    <li class="s-icon fb-icon"><a href="#">Facebook</a></li>
                    <li class="s-icon tweet-icon"><a href="#">tweeter</a></li>
                  </ul>
                </div>
              </section>
              <section class="blog_inner_content span8 first">
                <article class="post">
                  <div><a href="blog-detail.html"><img src="images/image14.jpg" alt="" class="shodow-img"></a></div>
                  <div class="blog-head">
                    <h3><a href="blog-detail.html">Justo Fringilla Mattis</a></h3>
                  </div>
                  <div class="blog-txt"><a href="#"><i class="icon-user"></i> admin</a>
                    <div class="date-txt">26<span>Jan</span></div>
                    in: <a href="#" title="View all posts in Video Responsive">Video Responsive</a><span> <i class="icon-comment"></i> <a href="#">0</a></span></div>
                  <div class="post-content">
                    <p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="blog-detail.html">Read More +</a></p>
                  </div>
                </article>
                <article class="post">
                  <div><a href="blog-detail.html"><img src="images/image12.jpg" alt="" class="shodow-img"></a></div>
                  <div class="blog-head">
                    <h3><a href="blog-detail.html">Justo Fringilla Mattis</a></h3>
                  </div>
                  <div class="blog-txt"><a href="#"><i class="icon-user"></i> admin</a>
                    <div class="date-txt">26<span>Jan</span></div>
                    in: <a href="#" title="View all posts in Video Responsive">Video Responsive</a><span> <i class="icon-comment"></i> <a href="#">0</a></span></div>
                  <div class="post-content">
                    <p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="blog-detail.html">Read More +</a></p>
                  </div>
                </article>
                <article class="post">
                  <div><a href="blog-detail.html"><img src="images/image14.jpg" alt="" class="shodow-img"></a></div>
                  <div class="blog-head">
                    <h3><a href="blog-detail.html">Justo Fringilla Mattis</a></h3>
                  </div>
                  <div class="blog-txt"><a href="#"><i class="icon-user"></i> admin</a>
                    <div class="date-txt">26<span>Jan</span></div>
                    in: <a href="#" title="View all posts in Video Responsive">Video Responsive</a><span> <i class="icon-comment"></i> <a href="#">0</a></span></div>
                  <div class="post-content">
                    <p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="blog-detail.html">Read More +</a></p>
                  </div>
                </article>
                <article class="post">
                  <div><a href="blog-detail.html"><img src="images/image15.jpg" alt="" class="shodow-img"></a></div>
                  <div class="blog-head">
                    <h3><a href="blog-detail.html">Justo Fringilla Mattis</a></h3>
                  </div>
                  <div class="blog-txt"><a href="#"><i class="icon-user"></i> admin</a>
                    <div class="date-txt">26<span>Jan</span></div>
                    in: <a href="#" title="View all posts in Video Responsive">Video Responsive</a><span> <i class="icon-comment"></i> <a href="#">0</a></span></div>
                  <div class="post-content">
                    <p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter d.. <a href="blog-detail.html">Read More +</a></p>
                  </div>
                </article>
                <section class="share_comments">
                  <section class="share">
                    <!-- AddThis Button BEGIN -->
                    <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_pinterest_pinit"></a> <a class="addthis_counter addthis_pill_style"></a> </div>
                    <!-- AddThis Button END -->
                  </section>
                </section>
              </section>
              <section class="span4 sidebar">
                <article class="widget">
                  <h2> Latest Post </h2>
                  <!-- 20px -->
                  <ul class="latest_post">
                    <li> <a href="#"><img src="images/image32.jpg" /></a> <span class="text_wrapper">
                      <h3> Nulla vehicula arcu </h3>
                      <p> Lorem ipsum dolormet, consectetur adipiscing elit... </p>
                      <a href="#"> Keep Reading</a> </span> </li>
                    <li> <a href="#"><img src="images/image33.jpg" /></a> <span class="text_wrapper">
                      <h3> Nulla vehicula arcu </h3>
                      <p> Lorem ipsum dolormet, consectetur adipiscing elit... </p>
                      <a href="#"> Keep Reading</a> </span> </li>
                    <li> <a href="#"><img src="images/image34.jpg" /></a> <span class="text_wrapper">
                      <h3> Nulla vehicula arcu </h3>
                      <p> Lorem ipsum dolormet, consectetur adipiscing elit... </p>
                      <a href="#"> Keep Reading</a> </span> </li>
                  </ul>
                </article>
                <article class="widget">
                  <h2> Video Widget </h2>
                  <div class="video_widget">
                    <iframe src="http://player.vimeo.com/video/50939095" width="90%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                  </div>
                </article>
                <article class="widget">
                  <h2> Tags </h2>
                  <div class="tag_widget"> <a href="#" title="Tags"> Nature </a> <a href="#" title="Tags"> computer </a> <a href="#" title="Tags"> Colors </a> <a href="#" title="Tags"> Keyboard </a> <a href="#" title="Tags"> PHP </a> <a href="#" title="Tags"> Entertainment </a> <a href="#" title="Tags"> Monitor </a> </div>
                </article>
                <article class="widget"> <span class="img_widgegt"> <img class=""src="images/blog/placeholder.html" alt="" /> </span> </article>
                <article class="widget">
                  <h2> Latest Tweets </h2>
                  <ul class="tweets-list">
                    <li>Check out tht #themeforest item 'Outshined - Responsive HTML5 Template' <a href="#">http://t.co/eG4MjTOdUJ</a> <i>About 10 hours ago</i></li>
                    <li>New Design by @trendyWebStar on @dribbble <a href="#">http://t.co/zVLLkLabus</a> <i>About 23 hours ago</i></li>
                    <li>Check out tht #themeforest item 'Outshined - Responsive HTML5 Template' <a href="#">http://t.co/eG4MjTOdUJ</a> <i>About 10 hours ago</i></li>
                  </ul>
                </article>
                <article class="widget">
                  <ul class="archive_widget list_widget">
                    <h2> Archive </h2>
                    <li> <a href="#"> January <span> (2013) </span> </a> </li>
                    <li> <a href="#"> Feburary <span> (2013) </span> </a> </li>
                    <li> <a href="#"> March <span> (2013) </span> </a> </li>
                    <li> <a href="#"> April <span> (2013) </span> </a> </li>
                    <li> <a href="#"> April <span> (2013) </span> </a> </li>
                    <li> <a href="#"> May <span> (2013) </span> </a> </li>
                  </ul>
                </article>
                <article class="widget">
                  <ul class="cat_widget list_widget">
                    <h2> Categories </h2>
                    <li> <a href="#"> News <span> (35) </span> </a> </li>
                    <li> <a href="#"> Monitor <span> (20) </span> </a> </li>
                    <li> <a href="#"> Games <span> (15) </span> </a> </li>
                    <li> <a href="#"> Clock <span> (11) </span> </a> </li>
                    <li> <a href="#"> Beauty <span> (27) </span> </a> </li>
                    <li> <a href="#"> Gardening <span> (45) </span> </a> </li>
                  </ul>
                </article>
              </section>
            </section>
          </section>
          
        </section>
      </div>
    </section>
  </section>
  <!-- Blog Detail Section -->
  <!-- Bottom Section -->
  <section id="bottom"> <a href="javascript:void(0);" class="sidebar_button_inner"> <span> <span>Sidebar</span> </span> </a>
    <div class="bottom_outer">
      <div class="bottom_outer_inner">
        <section class="container-fluid">
          <section class="row-fluid">
            <article class="span3 contact-box">
              <h2>Contact Us</h2>
              <strong class="f-title">Lorem ipsum dolor sit amet, </strong>
              <ul class="a-list">
                <li><span>E</span> <a href="#">info@abc.com</a></li>
                <li><span>P</span> (03) 9384 7382</li>
                <li><span>F</span> (03) 9384 7382</li>
              </ul>
              <p>16 Street Name to go here
                Surburb name to go here
                Country, 3940</p>
            </article>
            <article class="span3">
              <h2>Latest Articles</h2>
              <strong class="f-title">Donec a purus nec . Lorem ipsum </strong>
              <div id="slideshowContainer2">
                <div class="slideshow2"> <img src="images/image16.jpg" alt="image16"/> <img src="images/image17.jpg" alt="image17"/> <img src="images/image18.jpg" alt="image18"/> </div>
              </div>
            </article>
            <article class="span3">
              <h2>Text Widget</h2>
              <strong class="f-title">Donec a purus nec . Lorem ipsum </strong>
              <p>Maecenas laoreet lectus est, eget ultricies eros. Aliquam ipsum fringilla.Maecenas laoreet eget ultricies Aliquam ipsum tincidunt non Maecenas laoreet tincidunt non fringilla.
                Maecenas laoreet ....</p>
            </article>
            <article class="span3">
              <h2>Get in Touch</h2>
              <strong class="f-title">Say Hello...</strong>
              <form action="#">
                <ul class="getintouch">
                  <li>
                    <input name="name" type="text" value="Name" class="field-bg">
                  </li>
                  <li>
                    <input name="name" type="text" value="E-mail" class="field-bg">
                  </li>
                  <li>
                    <textarea cols="" rows="" class="field-bg">What's on your mind?</textarea>
                  </li>
                  <li>
                    <input name="" type="submit" class="sendbtn" value="Send it">
                  </li>
                </ul>
              </form>
            </article>
          </section>
        </section>
        <footer class="copy-right-sec">
          <p>Copyright © 2013 All rights reserved  Designed by <a href="crunchpress.html">CrunchPress.com</a></p>
        </footer>
      </div>
    </div>
  </section>
  <!-- End Bottom Section -->
</section>
</body>

<!-- Mirrored from html.crunchpress.com/app-pro/blog.html by HTTrack Website Copier/3.x [XR&CO'2010], Thu, 11 Apr 2013 08:54:31 GMT -->
</html>